    $vw_base: 750;
    @function vw($px) {
        @return ($px / 750) * 100vw;
    }
    
    @function vh($px) {
        @return ($px / 1206) * 100vh;
    }
    
    input {
        -webkit-appearance: none;
    }
    
    .swiper-container {
        height: 100%;
    }
    
    .bg {
        background: url(../img/bg1.jpg) no-repeat;
        height: 100%;
        background-size: 100% 100%;
        position: relative;
    }
    
    .pageOne {
        .test1 {
            font-size: vw(42);
            text-align: center;
            color: #fff;
            position: absolute;
            bottom: vw(340);
            width: 100%;
            line-height: 1.5;
            span {
                font-size: vw(64);
            }
        }
        .test2 {
            font-size: vw(32);
            width: 100%;
            text-align: center;
            color: #fff;
            position: absolute;
            bottom: vw(280);
        }
    }
    
    .bg-icn {}
    
    .m1 {
        position: absolute;
        bottom: vw(80);
        left: 50%;
        transform: translateX(-50%);
        width: vw(400);
    }
    
    .bg2 {
        background: url(../img/bg7.jpg) no-repeat;
        height: 100%;
        background-size: 100% 100%;
        position: relative;
    }
    
    .pageTwo {
        .test1 {
            font-size: vw(32);
            text-align: center;
            left: 50%;
            color: #333;
            position: absolute;
            top: vw(240);
            transform: translateX(-50%);
            width: vw(540);
        }
        .test2 {
            font-size: vw(26);
            width: vw(460);
            text-align: center;
            color: #333;
            line-height: vw(36);
            position: absolute;
            top: vw(280);
            left: 50%;
            transform: translateX(-50%);
            span {
                color: orange;
            }
        }
    }
    
    .pageThree {
        .test1 {
            font-size: vw(28);
            text-align: left;
            left: 50%;
            color: #333;
            position: absolute;
            top: vw(240);
            transform: translateX(-50%);
            width: vw(460);
            span {
                color: orange;
            }
        }
        .test2 {
            font-size: vw(28);
            width: vw(460);
            text-align: left;
            color: #333;
            line-height: vw(36);
            position: absolute;
            top: vw(280);
            left: 50%;
            transform: translateX(-50%);
            span {
                color: orange;
            }
        }
    }
    
    .pageFour {
        .test1 {
            font-size: vw(28);
            text-align: left;
            left: 50%;
            color: #333;
            position: absolute;
            top: vw(240);
            transform: translateX(-50%);
            width: vw(460);
            span {
                color: orange;
            }
        }
        .test2 {
            font-size: vw(28);
            width: vw(460);
            text-align: left;
            color: #333;
            line-height: vw(36);
            position: absolute;
            top: vw(280);
            left: 50%;
            transform: translateX(-50%);
            span {
                color: orange;
            }
        }
    }
    
    .pageFive {
        .test1 {
            font-size: vw(28);
            text-align: left;
            left: 50%;
            color: #333;
            position: absolute;
            top: vw(240);
            transform: translateX(-50%);
            width: vw(460);
            span {
                color: orange;
            }
        }
        .test2 {
            font-size: vw(28);
            width: vw(460);
            text-align: left;
            color: #333;
            line-height: vw(36);
            position: absolute;
            top: vw(280);
            left: 50%;
            transform: translateX(-50%);
            span {
                color: orange;
            }
        }
    }
    
    .pageSix {
        .test1 {
            font-size: vw(28);
            text-align: left;
            left: 50%;
            color: #333;
            position: absolute;
            top: vw(240);
            transform: translateX(-50%);
            width: vw(460);
            span {
                color: orange;
            }
        }
        .test2 {
            font-size: vw(28);
            width: vw(460);
            text-align: left;
            color: #333;
            line-height: vw(36);
            position: absolute;
            top: vw(280);
            left: 50%;
            transform: translateX(-50%);
            span {
                color: orange;
            }
        }
        .test3 {
            top: vw(700);
            text-align: center;
        }
    }
    
    .pageSeven {
        .test1 {
            font-size: vw(28);
            text-align: left;
            left: 50%;
            color: #333;
            position: absolute;
            top: vw(240);
            transform: translateX(-50%);
            width: vw(460);
            span {
                color: orange;
            }
        }
        .test2 {
            font-size: vw(28);
            width: vw(460);
            text-align: left;
            color: #333;
            line-height: vw(36);
            position: absolute;
            top: vw(280);
            left: 50%;
            transform: translateX(-50%);
            span {
                color: orange;
            }
        }
        .test3 {
            top: vw(320);
        }
        .test4 {
            top: vw(700);
            text-align: center;
        }
    }
    
    .pageEight {
        .test1 {
            font-size: vw(28);
            text-align: left;
            left: 50%;
            color: #333;
            position: absolute;
            top: vw(240);
            transform: translateX(-50%);
            width: vw(460);
            span {
                color: orange;
            }
        }
        .test2 {
            font-size: vw(28);
            width: vw(460);
            text-align: center;
            color: orange;
            line-height: vw(36);
            position: absolute;
            top: vw(700);
            left: 50%;
            transform: translateX(-50%);
        }
    }
    
    .pageNine {
        .test1 {
            font-size: vw(28);
            text-align: left;
            left: 50%;
            color: #333;
            position: absolute;
            top: vw(240);
            transform: translateX(-50%);
            width: vw(460);
            span {
                color: orange;
            }
        }
        .test2 {
            font-size: vw(28);
            width: vw(460);
            text-align: center;
            color: orange;
            line-height: vw(36);
            position: absolute;
            top: vw(700);
            left: 50%;
            transform: translateX(-50%);
        }
    }
    
    .pageTen {
        .test1 {
            font-size: vw(28);
            text-align: left;
            left: 50%;
            color: #333;
            position: absolute;
            top: vw(240);
            transform: translateX(-50%);
            width: vw(460);
            span {
                color: orange;
            }
        }
        .test2 {
            font-size: vw(28);
            width: vw(460);
            text-align: center;
            color: orange;
            line-height: vw(36);
            position: absolute;
            top: vw(700);
            left: 50%;
            transform: translateX(-50%);
        }
    }
    
    .bg-icn {
        width: vw(46);
        display: block;
        position: absolute;
        left: 50%;
        margin-left: vw(-46/2);
        bottom: vh(16);
        animation: bgIcn .8s infinite;
    }
    
    @keyframes bgIcn {
        0% {
            opacity: 1
        }
        20% {
            opacity: .8
        }
        40% {
            opacity: .6
        }
        60% {
            opacity: .4
        }
        80% {
            opacity: .2
        }
        100% {
            opacity: 0
        }
    }